<!DOCTYPE html>

<head>
    <meta charset="utf-8">
    <title>西宁</title>
    <style>
        * {
            scroll-behavior: smooth;
        }

        #jieshao img {
            margin: 0;
            padding: 0;
        }

        #jieshao {
            max-width: 60%;
            margin: auto;
            padding: 0;
            background-color: rgb(234, 234, 221);
        }

        #jieshao p {
            margin: 1% 0 0 0;
            padding: 0;

            width: 60%;
            font-size: 110%;
            float: right;
        }

        #foot {
            background-color: rgb(207, 209, 209);
            max-width: 100%;
            height: 140px;
            text-align: center;
            padding-top: 7px;
        }

        #foot a {
            text-decoration: none;
            color: black;
        }
    </style>
</head>

<body>
    <header> </header>
    <main>
        <!--介绍板块-->
        <div id="jieshao">
            <img src="res/xn3.jpg" width="40%" height="auto">
            <p>西宁是一座有着2100多年悠久历史的高原古城，地处青藏高原东北部，位于黄土高原与青藏高原、农业区与牧业 区、汉文化与藏文化的结合部，是古“丝绸之路”南路和
                “唐蕃古道”的必经之地，自古是西北交通要道和军事重地，古城西平郡、青唐城，取“西陲安宁”之意，素有 “西海锁钥”、“海藏咽喉”之称。西宁市区海拔 2295.2米，冬无严寒，夏无酷暑，是天然的避暑胜地，
                被誉为“世界凉爽城市”和“ 中国夏都”。</p>
        </div>

        <!--图片板块-->
        <div id="road" align="center">
            <img src="res/xn2.jpg" width="60%">
            <img src="res/xn4.jpg" width="80%">
        </div>
    </main>
    <!--页脚-->
    <footer>
        <div id="foot">
            <p>部分资料来自网络&nbsp;用于作业效果展示</p>
            <a href="../report.html" target="_blank">「作业报告」</a>
        </div>
    </footer>
</body>